<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>移除事件的兼容方式</title>
</head>

<body>

    <script>


        /**
         *  封装兼容所有浏览器的移除事件的兼容函数
         *  element 要移除事件的元素对象
         *  eventName 是字符串而且不加on   
         *  listener 事件处理函数
         **/
        function removeEvent(element, eventName, listener) {
            if (element.removeEventListener) {     // 正常浏览器
                element.removeEventListener(eventName, listener, false);
            } else if (element.detachEvent) {
                element.detachEvent("on" + eventName, listener);
            } else {
                element["on" + eventName] = null;
            }
        }

    </script>
</body>

</html>